<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ page isELIgnored="false"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt_rt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> 
<c:set var="ctx" value="${pageContext.request.contextPath}" scope="request" /> 
<%-- <%@ include file="/WEB-INF/tag.jsp"%> --%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>测试</title>
<script type="text/javascript" src="${ctx }/js/jquery-1.9.1.min.js"></script> 
<style>
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

.page_center {
	width: 100%;
}

#nav {
/* 	background-color: red; */
	height: 10%;
}

#left {
	width: 20%;
 	background-color: green; 
/* 	position: absolute; */
	height: 100%;
	float:left;
}

#middle {
	width: 60%;
 	background-color: yellow; 
	height: 100%;
	float:left;
}

#right {
	width: 20%;
 	background-color: green; 
/*  	position: absolute;  */
	top: 0;
	right: 0;
	height: 100%;
	float:left;
}

#foot {
/* 	background-color: pink; */
	height: 15%;
}

#main {
	position: relative;
	height: 75%;
}
</style>
<script type="text/javascript">
function doSubmit(){
	$.get("${ctx}/personController/showPerson",function(data){
    	$("#middle").html(data);
	});
}
</script>
</head>
<body>
	<div id="nav" class="page_center"></div>
	<div id="main" class="page_center">
		<div id="left"></div>
		<div id="middle">
			<button onclick="doSubmit()">${test }</button>
		</div>
		<div id="right"></div>
	</div>
	<div id="foot" class="page_center"></div>
</body>
</html>